@namespace s "library://ns.adobe.com/flex/spark";
@namespace button "com.brightworks.component.button.*";
@namespace itemrenderer "com.brightworks.component.itemrenderer.*";
@namespace mobilecomp "com.brightworks.component.mobile.*";
@namespace mobilecompskin "com.brightworks.component.mobile.skin.*";
@namespace langmentorbutton "com.langcollab.languagementor.component.button.*";
@namespace langmentorcomp "com.langcollab.languagementor.component.*";
@namespace langmentorlearningmodelist "com.langcollab.languagementor.component.learningmodelist.*";
@namespace langmentorlessonversionlist "com.langcollab.languagementor.component.lessonversionlist.*";
@namespace langmentortext "com.langcollab.languagementor.component.text.*";
@namespace langmentorview "com.langcollab.languagementor.view.*";
@namespace langmentoruiwidget "com.langcollab.languagementor.component.uiwidget.*";
@namespace normal "spark.skins.spark.mediaClasses.normal.*";

@font-face {
    src: url("/assets/fonts/lucidaunicode.ttf");
    fontFamily: "lucidaunicode";
    embedAsCFF: false;
}

@font-face {
    src: url("/assets/fonts/calligraph421.ttf");
    fontFamily: "calligraph";
    embedAsCFF: false;
}

@font-face {
    src: url("/assets/fonts/segoeui.ttf");
    fontFamily: "segoeui";
    embedAsCFF: false;
}

langmentorview|App_LanguageMentor_Base {
    backgroundColor: #000000;  /* In iOS 7 and higher, controls color of status bar at top */
}
langmentorbutton|Button_ActionBar_Home {
    icon: Embed(source='/assets/icons/home_icon.png');
}

langmentorbutton|Button_ActionBar_LeftArrow {
    icon: Embed(source='/assets/icons/arrow_left_icon.png');
}

langmentorbutton|Button_PlayPause {
    colorFill: #99CCCC;
}

langmentorbutton|Button_PlayPause:upAndSelected,
langmentorbutton|Button_PlayPause:downAndSelected {
    color: #DDDDFF;
}

langmentorlearningmodelist|ItemRenderer_LearningModeList {
    background: Embed(source='/assets/backgrounds/item_renderer_background_up.png', scaleGridLeft=10, scaleGridTop=20, scaleGridRight=11, scaleGridBottom=21);
    background-selected: Embed(source='/assets/backgrounds/item_renderer_background_down.png', scaleGridLeft=50, scaleGridTop=20, scaleGridRight=51, scaleGridBottom=21);
    helpbuttonhittestarea: Embed(source='/assets/primitives/transparent_pixel.png');
    separator: Embed(source='/assets/primitives/item_renderer_separator.png');
}

langmentorlearningmodelist|LearningModeListHelpButton {
    fontWeight: bold;
    chromeColor: #A0D0D0;
}

langmentorlessonversionlist|ItemRenderer_LessonVersionList {
    background: Embed(source='/assets/backgrounds/item_renderer_background_up.png', scaleGridLeft=10, scaleGridTop=20, scaleGridRight=11, scaleGridBottom=21);
    background-selected: Embed(source='/assets/backgrounds/item_renderer_background_down.png', scaleGridLeft=50, scaleGridTop=20, scaleGridRight=51, scaleGridBottom=21);
    separator: Embed(source='/assets/primitives/item_renderer_separator.png');
}

mobilecomp|MobileButton {
    skinClass: ClassReference("com.brightworks.component.mobile.skin.MobileSkin_MobileButton");
    color: #DDDDFF;
}

mobilecompskin|MobileSkin_MobileButton {
    textAlign: center;
}

mobilecomp|MobileToggleButton {
    skinClass: ClassReference("com.brightworks.component.mobile.skin.MobileSkin_MobileButton");
    fontWeight: bold;
    color: #DDDDFF;
}

mobilecomp|MobileToggleButton:upAndSelected,
mobilecomp|MobileToggleButton:downAndSelected {
    color: #FFFF55;
}

langmentoruiwidget|UIWidget_TextArea_NonEditable {
    skinClass: ClassReference("com.langcollab.languagementor.component.skin.UIWidget_TextArea_NonEditable_Skin");
    paddingBottom: 0;
    paddingLeft: 0;
    paddingRight: 0;
    paddingTop: 0;
}

langmentorview|View_Home {
    backgroundColor: #111144;
}

langmentorview|View_PlayLessons {
    backgroundColor: #000000;
}

s|ActionBar #titleDisplay {
    color: #FFFFFF;
}

/* Overriding default behavior, which is  */
s|Button {
    fontWeight: "bold";
    skinClass: ClassReference("spark.skins.mobile.ButtonSkin");
}

.mobileButton {
    colorFill: #000000;
}

.playLessonsScreenButton {
    colorFill: #555588;
}

.textBox {
    color: #DDDDFF;
}




